<template>
  <div class="info-box">
    <img :src="img" alt="">
  </div>
</template>

<script>
  export default {
    name: "Info",
    props: {
      type: {
        type: String,
        default: "sy"
      }
    },
    data() {
      return {
        img: require('../../assets/images/licang/sy.png')
      }
    },
    created() {
      this.img = this.type == 'sy' ? require('../../assets/images/licang/sy.png') : require('../../assets/images/licang/wl.png')
    },
    mounted() {

    },
    beforeDestroy() {

    },
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
  .info-box {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    /* justify-content: center; */

    img {
      margin-left: 30px;
      width: 88%;
    }
  }
</style>